﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CanlendarApp</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- CanlendarApp references -->
    <link href="/css/default.css" rel="stylesheet" />
    <link href="/css/calendar.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2009.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2010.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2011.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2012.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2013.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2014.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2015.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2016.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2017.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2018.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2019.js"></script>
    <script type="text/javascript" src="/GoodBadInfo/2020.js"></script>
    <script src="/js/calendar.js"></script>

</head>
<body>

    <div id="detail"></div>

    <div id="calendarmonth">

        <div id="bgsection">
            <div id="YMBG">
                &nbsp;0000<br>
                &nbsp;JUN
            </div>
        </div>
        <div>
            <span>公历</span>
            <select onchange="changeCld()" name="SY" id="yearlist"></select><span>年</span>
            <select onchange="changeCld()" name="SM" id="monthlist"></select><span>月 </span>
            <span id="GZ"></span>
        </div>
        <div id="monthtable">
            <table>
                <tbody id="monthbody">
                    <tr class="monthtableheader" id="monthtableheader">
                        <td class="sundaycell">日</td>
                        <td>一</td>
                        <td>二</td>
                        <td>三</td>
                        <td>四</td>
                        <td>五</td>
                        <td class="saturdaycell">六</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <div>
        <button onclick="pushBtm('YU')">上一年</button>
        <button onclick="pushBtm('YD')">下一年</button>
        <button onclick="pushBtm('MU')">上一月</button>
        <button onclick="pushBtm('MD')">下一月</button>
        <button onclick="pushBtm('')">今日</button>
    </div>


    <div>
        <div>
            阳历中<span style="color: red;">红色</span>
            <span style="color: green;">绿色</span>表示节假日
        </div>

        <div>
            农历中<span style="color: green;">绿色</span>表示为24节气日，<span style="color: red;">红色</span>表示为传统节日，<span style="color: blue;">蓝色</span>则表示为公众节假日
        </div>
    </div>
    <div id="Daily">
    </div>

    <div>
        <button id="createDB">Create DB</button>
        <button id="deleteDB">Delete DB</button>
    </div>
    title:
    <input type="text" id="datainput" />
    <button id="savedata">ok</button>
    <div id="dblog"></div>
    <div id="dbcontent"></div>
</body>
</html>
